<script setup>
import BlogPost from '@/components/chapter08/base/7.3.12BlogPost.vue'
</script>

<template>
  <h2>使用组件例子!</h2>
  <BlogPost>
    <template #header>
      <h4>Jetpack Compose入门</h4>
    </template>
    <template #default>
      <p>
        在这章中，你将用声明式函数构建一个简单的 UI 组件。你可以不用编辑任何 XML
        布局或使用布局编辑器。相反，你将调用 Jetpack Compose
        函数来说明你想要的元素，剩下的就由 Compose 编译器来完成。
      </p>
      <p>
        Jetpack Compose 是围绕着 Composable
        函数建立的。这些函数让你通过描述它的形状和数据依赖性，以编程方式定义你的
        UI，而不是专注于 UI 的构建过程。要创建一个 Composable
        函数，只需在函数名称中添加 @Composable 注解.
      </p>
    </template>
    <template #footer>
      <p>
        Copyright © 2023 Jetpack Compose 博物馆, Inc. Built with Docusaurus
      </p>
    </template>
  </BlogPost>
</template>
